import React from 'react';
import Layout from '../../../src/components/layout/Layout';
import Formation from '../../../src/components/pages/phases/Formation';
import { RingProps } from '../../../src/model/components/ring';
import getServerSidePropsRing from '../../../src/utils/ssr/getServerSidePropsRing';

const formation: React.FC<RingProps> = ({ ring, user }) => (
  <Layout title="Formación" onDark mainClassName="phasePage video">
    <Formation ring={ring} user={user} />
  </Layout>
);

export const getServerSideProps = getServerSidePropsRing;

export default formation;
